<template>
  <teleport to="body">
    <div class="app">
      <h1>你好啊</h1>
      <p>这是测试文本</p>
      <Person></Person>
    </div>
  </teleport>
</template>

<script>
import Person from './components/Person.vue'
export default {
  name: 'App',
  components:{
    Person
  }
}
</script>

<style scoped>
.app {
  background-color: #f5f5f5;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 20px;
  width: 300px; /* 设置宽度 */
  height: 300px; /* 设置高度 */
  margin: 50px 0 0; /* 使内容水平居中 */
  text-align: center; /* 文本居中 */
  position: relative;
}
.app h1,.app p {
  color: black;
  z-index: 1;
  position: relative;
}

</style>
